<template>
  <div id="box">
    <input :checked="checked" type="checkbox" @change="updateStatus"/>
    <span>-----{{ isSelected }}</span>
  </div>
</template>

<script>
    export default {
        model: {
          prop: 'checked',
          event: 'change'
        },
        name: "base-checkbox",
        data: function () {
          return {
            checked: true
          }
        },
          props:{
           isSelected: Boolean
          },
        methods: {
            updateStatus: function () {
              this.$emit('update:change1', !this.isSelected)
            }
        }
    }
</script>

<style scoped>

</style>
